@charset "utf-8";
.col-5{width:20%;padding: 0 10px;box-sizing: border-box;float: left;}
#top{background: #171717;color: #fff;line-height: 40px;}
.topR{background: url(../images/tel.png) no-repeat center left;padding-left: 40px;}
.logo img{max-width:100%;display:block;padding: 17px 0;}
#nav{text-align:center;line-height: 120px;}
#nav>li{width: 20%;float:left;box-sizing: border-box;padding: 0 10px;}
#nav>li>a{display: block;position: relative;border-bottom: 3px solid transparent;}
#nav>li>a:after{display:block;position: absolute;left: -10px;bottom: 0;content:'';height:2px;width: 0;padding: 0;background: #0B51CD;transition: 0.5s all;}
#nav>li>a:hover,#nav>li:first-child>a{border-bottom-color: #01AEFD;color: #01AEFD;}
.drop{position:relative}
.drop:hover .drop-box{display:block}
.drop-box{position:absolute;z-index:5;width:100%;background:rgba(0,0,0,0.5);padding:10px 0;display:none;line-height:2}
.drop-box a{color:#fff;display:block;font-size:14px;border-bottom:1px solid rgba(255,255,255,0.5)}
.drop-box a:hover{background:#00A0EA}
#menu1{display:none;position:fixed;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:11;overflow:hidden}
#banner-box{position: relative;}
#banner img{display:block}
#banner .swiper-button-prev,#banner .swiper-button-next{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.5)}
#banner .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2300A0EA'%2F%3E%3C%2Fsvg%3E");left:30px}
#banner .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2300A0EA'%2F%3E%3C%2Fsvg%3E");right:30px}
#menu1{display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 6;overflow:hidden;}
#search{line-height:80px;background: #00A0EA;color:#fff;position: absolute;bottom: 0;z-index: 3;left: 50%;transform: translateX(-50%);width: 100%;max-width: 1200px;}
.search-key span{font-size:14px}
.search-key a{font-size:14px;color:#fff}
.search-box{position:relative}
.search{width:100%;box-sizing:border-box;padding:0 0 0 5px;line-height:36px;border:1px solid #B6B6B6}
#search-btn{display:block;position:absolute;right:10px;top:22px;width:50px;border:0;background:#F47001;text-align:center;line-height:36px;color:#fff;cursor:pointer}
#footer{border-top:10px solid #7BC6EE;background:#1F7DC3;color:#fff;padding:30px 0 0}
.ti6{text-align:center;font-size:30px;line-height:1.5}
.ti7{text-align:center;font-size:20px;margin-bottom:20px}
.address{padding:3px 0 3px 55px;font-size:14px;line-height:1.5;}
.ewm img{display:block;max-width:100%;margin:0 auto}
.telphone{padding:3px 0 3px 55px;background:url(../images/tel.png) no-repeat center left;font-size:14px;line-height:1.5;margin-top:40px}
.copyright{border-top:1px solid #B7C8E6;margin-top:30px;text-align:center;font-size:14px;line-height:1.5;padding:10px 0}
.copyright a{color:#fff}
body{overflow-x:hidden;}

.address li{margin: 5px 0;}
.address li:before{display: block;content:'';width:20px;height:20px;background-image: url(../images/icon.png);float: left;margin-right: 10px;}
.people:before{background-position: -20px 20px;}
.phone2:before{background-position: -40px 0;}
.fax:before{background-position: -40px -20px;}
.add:before{background-position:-20px 0;}
@media (max-width:767px){
	.col-5{width:50%}
	#top{display:none;}
	#header{position:unset;left:0;transform:unset}
	.logo img{padding:10px 0;max-height:40px;}
	#menu{position: absolute;z-index:5;right: 15px;color:#01AEFD;top: 15px;}
	#menu span{font-size:1.5rem}
	#nav.on{display:block !important;width:50% !important;padding:0 10px !important;}
	#nav>li:hover{background:transparent}
	#nav{position:fixed;top:0;left:0;z-index:11;width:0;height:100%;background:rgba(0,0,0,0.8);color:#fff;overflow:hidden;transition:0.5s all;overflow-y:scroll;margin:0;padding:0;float:unset !important}
	#nav>li{width:100%;line-height:2;border:0}
	#nav>li>a{color:#fff;line-height:2.5;text-align:left;background:transparent !important}
	.drop-box{display:block;background:none;position:relative;width:100%}
	.drop-box>li{width:100%;text-align:left;padding-left:10px}
	.drop-box a{border:0}
	#search{line-height:2;position: relative;padding-bottom: 5px;}
	.search{line-height:2}
	#search-btn{top:3px;line-height:26px;width:30px}
	.foot{background: #01AEFD;color:#fff;position:fixed;bottom:0;z-index: 5;width:100%;box-sizing: border-box;}
	.foot a{color:#fff;text-align:center;display:block;text-decoration:none}
	body{padding-bottom:64px;}
}